<?php
/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

if(isset($_REQUEST["album"])){
    $rowalbum=ringbacktoneModule::getAlbumofArtist($_REQUEST["album"]);

}
?>
<link rel="stylesheet" href="jo_css/image_slideshow_.css" type="text/css"/>
<script type="text/javascript" src="JO_JS/image-slideshow.js"></script>

<div style="margin-left: 0px;" class="bar_240i" >
    <div style="" class="title_240i">
        <h1 class="h1i">
            Menu
        </h1>
    </div>
    <div class="content240i">
        <ul class="navi" style="">
            <li><a
                    <?=isset($_REQUEST["JO_unit"])?($_REQUEST["JO_unit"]=="001_artist"?"class='item_selected'":""):""?>
                    href="?JO_unit=001_artist<?=isset($_REQUEST["artist"])?"&artist=".$_REQUEST["artist"]:(isset($rowalbum["artist"])?"&artist=".md5($rowalbum["artist"]):"")?>">Artist</a></li>
            <li><a
                    <?=isset($_REQUEST["JO_unit"])?($_REQUEST["JO_unit"]=="002_album"?"class='item_selected'":""):""?>
                    href="?JO_unit=002_album<?=isset($_REQUEST["artist"])?"&artist=".$_REQUEST["artist"]:(isset($rowalbum["artist"])?"&artist=".md5($rowalbum["artist"]):"")?>">Album</a></li>
            <li><a
                    <?=isset($_REQUEST["JO_unit"])?($_REQUEST["JO_unit"]=="003_rbt"?"class='item_selected'":""):""?>
                    href="?JO_unit=003_rbt<?=isset($_REQUEST["artist"])?"&artist=".$_REQUEST["artist"]:(isset($rowalbum["artist"])?"&artist=".md5($rowalbum["artist"]):"")?>">Ring back tone</a></li>
            <li><a href="#i">Music</a></li>
            <li><a href="#i">Video</a></li>

        </ul>
    </div>
    <div class="content240i">
        <div id="dhtmlgoodies_slideshow">
                <div id="previewPane">
                        <img src="JO_images/Artist/Super_Junior-SNSD_1.jpg">
                        <span id="waitMessage">Loading image. Please wait</span>
                        <div id="largeImageCaption" style="display: none;">This is the caption of image number 1</div>
                </div>
                <div id="JO_galleryContainer">
                        <div id="JO_arrow_left"><img src="images/JO_arrow_left.png"></div>
                        <div id="JO_arrow_right"><img src="images/JO_arrow_right.png"></div>
                        <div id="theImages">
                                        <!-- Thumbnails -->
                                        <a href="#" onmouseover="showPreview('JO_images/Artist/Super_Junior-SNSD_1.jpg','1');return false"><img src="JO_images/Artist/Super_Junior-SNSD_1.jpg"></a>
                                        <a href="#" onmouseover="showPreview('JO_images/Artist/Super_Junior-SNSD_2.jpg','2');return false"><img src="JO_images/Artist/Super_Junior-SNSD_2.jpg"></a>
                                        <a href="#" onmouseover="showPreview('JO_images/Artist/Super_Junior-SNSD_3.jpg','3');return false"><img src="JO_images/Artist/Super_Junior-SNSD_3.jpg"></a>
                                        <a href="#" onmouseover="showPreview('JO_images/Artist/Super_Junior-SNSD_4.jpg','4');return false"><img src="JO_images/Artist/Super_Junior-SNSD_4.jpg"></a>
                                        <a href="#" onmouseover="showPreview('JO_images/Artist/Super_Junior-SNSD_5.jpg','5');return false"><img src="JO_images/Artist/Super_Junior-SNSD_5.jpg"></a>
                                        <a href="#" onmouseover="showPreview('JO_images/Artist/Super_Junior-SNSD_6.jpg','6');return false"><img src="JO_images/Artist/Super_Junior-SNSD_6.jpg"></a>
                                        <a href="#" onmouseover="showPreview('JO_images/Artist/Super_Junior-SNSD_7.jpg','7');return false"><img src="JO_images/Artist/Super_Junior-SNSD_7.jpg"></a>
                                        <a href="#" onmouseover="showPreview('JO_images/Artist/Super_Junior-SNSD_8.jpg','8');return false"><img src="JO_images/Artist/Super_Junior-SNSD_8.jpg"></a>
                                        <a href="#" onmouseover="showPreview('JO_images/Artist/Super_Junior-SNSD_9.jpg','9');return false"><img src="JO_images/Artist/Super_Junior-SNSD_9.jpg"></a>
                                        <a href="#" onmouseover="showPreview('JO_images/Artist/Super_Junior-SNSD_10.jpg','10');return false"><img src="JO_images/Artist/Super_Junior-SNSD_10.jpg"></a>
                                        <a href="#" onmouseover="showPreview('JO_images/Artist/Super_Junior-SNSD_11.jpg','11');return false"><img src="JO_images/Artist/Super_Junior-SNSD_11.jpg"></a>
                                        <!-- End thumbnails -->

                                        <!-- Image captions -->
<!--                                                    <div class="imageCaption">This is the caption of image number 1</div>
                                        <div class="imageCaption">This is the caption of image number 2</div>
                                        <div class="imageCaption">This is the caption of image number 3</div>
                                        <div class="imageCaption">This is the caption of image number 4</div>
                                        <div class="imageCaption">This is the caption of image number 5</div>
                                        <div class="imageCaption">This is the caption of image number 6</div>
                                        <div class="imageCaption">This is the caption of image number 7</div>
                                        <div class="imageCaption">This is the caption of image number 8</div>-->
                                        <!-- End image captions -->

                                        <div id="slideEnd"></div>
                        </div>
                </div>
        </div>
    </div>
</div>
<script>
    var roke=true;
    $(document).ready(
        function(){
            $('#dhtmlgoodies_slideshow').click(
                function() {
                    if(roke){
                        window.onload = initSlideShow;
                        roke=false;
                    }
                }
            );
        }
    );
</script>